<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title></title>
		<style>
			
		</style>
		<script src="./src/vue.js"></script>
	</head>

	<body>
		<div id="app">
			<p>{{message}}</p>
			<p>{{1+1}}</p>
			<p>{{[1,2,3].map((item) => item * 2)}}</p>
		</div>
		<script>

			let message = 'hello,vue';

			// 定义在数据对象中的数据，会在内部被劫持，转成getter/setter的函数
			// 当数据发生变化，Vue会自动更新视图
			let vm = new Vue({
				el: '#app',
				data: {   // 会把数据对象的属性都会放在vm上 代理过程
					message
				}
			});
			console.log(vm);



		</script>
	</body>
</html>